<%@ taglib uri="http://wm.py.org/tags" prefix="ff" %>
<!DOCTYPE html>
<html>
    <head>
        <script src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.js"></script>

        <script src="/res/py.js"></script>

        <link rel="stylesheet" type="text/css" href="<c:url value='/res/learners.css' />" />		
        <link rel="stylesheet" type="text/css" href="<c:url value='/res/ref.css' />" />

        <link rel='stylesheet' type='text/css' href='/res/style.css' />

        <style type='text/css'>
            /* 
             * forces vertical scrollbar to prevent "centering jumps".
             * http://css-tricks.com/snippets/css/force-vertical-scrollbar/
             */
            html {
                overflow-y: scroll;
            }
        </style>
    </head>
    <body >
        <div id="wrap" ng-app="<ff:tile name='ng-app' />">
            <div id="header">
              <ff:tile include="header.jsp" />
            </div>
            <nav >
              <ff:tile include="menu.jsp" />
            </nav>
            <div style="clear:both"></div>
            <div id="messages">
                __${__error__}__
            </div>
            <div id="main">
              <ff:tile name="body" />
            </div>
            <div id="sidebar">
            </div>
            <div style="clear:both"></div>
            <div id="footer">
              <ff:tile include="footer.jsp" />
            </div>
        </div>
    </body>
</html>
